<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script
      type="text/javascript"
      src="../lib/include-lib.js"
      libpath="../lib/"
      include="jquery,jquery.minicolors,jquery.range,font-awesome,layer,haoutil,turf,mars3d,mars3d-heatmap,toastr"
    ></script>
    <title>高凌噪声平台</title>
    <link rel="stylesheet" type="text/css" href="res/css/font.css" />
    <link rel="stylesheet" type="text/css" href="res/css/style.css" />
    <link rel="stylesheet" type="text/css" href="res/css/screen6.css" />
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="res/css/divGraphic.css" />
  </head>

  <body>
    <div class="loading"></div>
    <div class="paraSelect-area">
      <form class="para-select" action="">
        <select name="streetOption" id="streetOption">
          <option value="">选择点位源数据</option>
          <option value="real">实时数据</option>
          <option value="minute">分钟数据</option>
          <option value="hour">小时数据</option>
          <option value="dn">昼夜间数据</option>
        </select>
      </form>
      <!-- <form class="para-select" action="">
        <select name="roadOption" id="roadOption">
          <option value="">选择噪声热力图数据</option>
        </select>
      </form> -->
      <button id="switch-heatmap" onclick="getheatData();">
        开始热力图渲染
      </button>
    </div>

    <div class="logoMask"></div>
    <div class="right-bar">
      <div class="rightBar-area">
        <img src="./res/images/bottom-btn-1-1.png" />
      </div>
      <div class="rightBar-area"></div>
      <div class="rightBar-area"></div>
      <div class="rightBar-area"></div>
      <div class="rightBar-area"></div>
      <div class="rightBar-area"></div>
      <div class="rightBar-area"></div>
    </div>
    <div class="csps-center">
      <!-- 3D map  -->
      <div class="map3D">
        <!-- 3D map -->
        <div
          id="mars3dContainer"
          class="mars3d-container"
          style="z-index: 999"
        ></div>
      </div>
      <!-- compass -->
      <!-- <div class="csps-compass"></div> -->
      <!-- zoom -->
      <!-- legend -->
      <!-- 按钮 -->
      <div class="csps-center-btns">
        <a
          href="javascript:viewModeChange2();"
          class="csps-icon csps-icon-1 active"
        >
          <i></i>
          2D/3D
        </a>
        <a href="javascript:goHome();" class="csps-icon csps-icon-2">
          <i></i>
          初始视图
        </a>
        <a href="javascript:changeBaseMap();" class="csps-icon csps-icon-1">
          <i></i>
          地图切换
        </a>
        <a href="javascript:initVoiceSource();" class="csps-icon csps-icon-1">
          <i></i>
          噪声来源
        </a>
      </div>
      <!-- </div> -->
    </div>
  </body>
  <script src="./js/jQuery.js"></script>
  <script src="./js/echarts.min.js"></script>
  <script src="./js/echarts-gl.min.js"></script>
  <!-- <script src="res/js/tmpl.js"></script>
  <script src="res/js/area_data.js"></script>
  <script src="res/js/street_data.js"></script> -->
  <script src="res/js/js.js"></script>
  <!-- 大屏6相关js -->
  <script src="res/js/screen6.js"></script>
  <!--第三方lib-->
  <script src="./js/common.js"></script>
  <!-- cesium mars 3d -->
  <script src="./res/js/pku3d.js"></script>
  <script src="./res/js/pku3dModel.js"></script>
  <script src="./res/js/pku3dZone.js"></script>
  <script src="./res/js/pku3dStreet.js"></script>
  <script src="./res/js/calcVoice.js"></script>
</html>
